import { reactive, toRef, onMounted } from 'vue'
import { Toast } from 'vant'
import api from '@/api'
import { useRouter } from 'vue-router'
import globalVariables from '@/utils/globalVariables'

export default function useProduct() {
  const router = useRouter()

  // const productList = [
  //   {
  //     id: 1,
  //     productType: 1,
  //     name: '京东PLUS会员季卡',
  //     thumbnailUrl: '',
  //     serviceText: ''
  //   },
  //   {
  //     id: 2,
  //     productType: 2,
  //     name: '饿了么超级吃货卡季卡',
  //     thumbnailUrl: '',
  //     serviceText: ''
  //   }
  // ]
  const productList = []

  const data = reactive({
    isLoading: true,
    productList: productList
  })

  const getProductList = async () => {
    data.isLoading = true
    const res = await api.getProductList()
    data.isLoading = false
    if (res.error) {
      Toast(res.error.message)
      return
    }
    data.productList = res.data
  }

  const onServiceDetails = product => {
    // product = {
    //   id: 1,
    //   name: '京东PLUS会员季卡',
    //   headerImgUrl: require('../../../assets/details-JD.png'),
    //   serviceText: ` 1、会员权益一经兑换不可退换，请在兑换码有效期内完成绑定和使用。。
    //       2、京东PLUS会员季卡兑换码自领取之日起3个月内有效，具体日期可前往“兑换记录”页面查询。
    //       3、使用流程：复制券码后，请前往京东APP-“我的”-“PLUS会员”-“立即购买/立即续费“，完成PLUS会员购买，购买时请选择”更多服务“中的”兑换码购买“方式。
    //       4、若您已是会员身份，此次获得的会员权益绑定成功后将在当前会员身份结束时间上延续3个月。
    //       5、为保证PLUS会员能享受到极优的服务体验，京东PLUS会员仅面向已实名，综合分高于90分且未达到续费上限的个人用户开放。京东PLUS会员的兑换规则以京东官方公布、京东APP显示为准。
    //       6、京东PLUS会员到期天数低于486天时，兑换码方能成功绑定至京东账户。若因PLUS会员到期天数高于486天导致的绑定失败，服务商无法进行退换。7、京东PLUS会员权益的具体内容，以京东官方公布、京东APP显示为准。
    //       8、兑换及使用相关问题，请致电橙谊科技客服电话4000-769-669。客服工作时间为9:00-18:00（包含周六日）。`
    // }
    globalVariables.currentProdcut = product
    router.push({ path: '/serviceDetails' })
  }

  const onExchangeRecord = () => {
    router.push({ path: '/order' })
  }

  onMounted(() => {
    document.title = '权益兑换'
    getProductList()
  })

  return {
    isLoading: toRef(data, 'isLoading'),
    productList: toRef(data, 'productList'),
    onServiceDetails,
    onExchangeRecord
  }
}
